<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://thymeleaf.org">
<head>
  <base href="/">
  <meta charset="UTF-8">
  <title>manager</title>
  <link rel="stylesheet" href="../static/css/chatRoom.css">
  <link rel="icon" type="image/x-icon" href="../static/img/favicon.ico" />
</head>
<body>
<div class="overlay"></div>
<div class="container blur">
  <div class="wrapper">
    <div class="left-panel">
      <div class="left-overlay"></div>
      <div class="left-title">
        <!--头像-->
        <div class="head-img"></div>
        <!--名字-->
        <div class="user-name">
          网络连接中.....
        </div>
        <!--显示个人信息-->
        <div class="user-info"></div>
      </div>
      <!--左边方框栏-->
      <div class="left-addChat">
        <div class="item-box">
        </div>
        <button id="insert-users" class="admin-users">
          <span class="btn-text">新增用户</span>
        </button>
      </div>
      <div class="left-addChat">
        <div class="item-box">
        </div>
        <button id="insert-course" class="admin-users">
          <span class="btn-text">新增课程</span>
        </button>
      </div>
      <div class="left-addChat">
        <div class="item-box">
        </div>
        <button id="insert-course-student" class="admin-users">
          <span class="btn-text">新增学课信息</span>
        </button>
      </div>
      <div style="height: 30px">
      </div>
      <div class="left-addChat">
        <button id="revise-password" class="admin-users">
          <span class="btn-text">修改密码</span>
        </button>
      </div>
    </div>

    <div class="admin-right-panel">
      <div class="query-container">
        <div class="query-model-content">
          <div>用户名：</div>
          <input id="query-name" type="text" class="query-model-input" placeholder="请输入用户名">
        </div>
        <div class="query-model-content">
          <div>用户编号：</div>
          <input id="query-code" type="text" class="query-model-input" placeholder="请输入用户学号/职工号">
        </div>
        <button class="model-btn green query-user">查询</button>
        <button class="model-btn blue query-user-clean">清空</button>
      </div>
      <div id="query-user-result" class="query-result-container">
        <table id="query-user-result-table" class="query-table">
          <thead>
          <tr>
            <th>姓名</th>
            <th>邮箱</th>
            <th>身份</th>
            <th>操作</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td></td>
            <td></td>
            <td></td>
            <td>
              <button id="query-delete" class="model-btn blue">删除</button>
              <button id="query-revice" class="model-btn blue">修改</button>
            </td>
          </tr>
          </tbody>
        </table>
      </div>

      <div class="query-container border-top-query">
        <div class="query-model-content">
          <div>课程名：</div>
          <input id="query-course-name" type="text" class="query-model-input" placeholder="请输入课程名">
        </div>
        <div class="query-model-content">
          <div>授课教师：</div>
          <input id="query-course-teacher" type="text" class="query-model-input" placeholder="请输入授课教师">
        </div>
        <button class="model-btn green query-course">查询</button>
        <button class="model-btn blue query-course-clean">清空</button>
      </div>

      <div id="query-course-result" class="query-result-container">
        <table id="query-course-result-table" class="query-table">
          <thead>
          <tr>
            <th>课程编号</th>
            <th>课程名</th>
            <th>授课教师</th>
            <th>授课教师编号</th>
            <th>操作</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>
              <button id="query-delete-course" class="model-btn blue">删除</button>
            </td>
          </tr>
          </tbody>
        </table>
      </div>

      <div class="query-container border-top-query">
        <div class="query-model-content">
          <div>学生编号：</div>
          <input id="query-course-student-code" type="text" class="query-model-input" placeholder="请输入学生编号">
        </div>
        <div class="query-model-content">
          <div>课程编号：</div>
          <input id="query-course-course-code" type="text" class="query-model-input" placeholder="请输入课程名">
        </div>
        <button class="model-btn green query-course-student">查询</button>
        <button class="model-btn blue query-course-student-clean">清空</button>
      </div>
      <div id="query-course-student-result" class="query-result-container">
        <table id="query-course-student-result-table" class="query-table">
          <thead>
          <tr>
            <th>学生编号</th>
            <th>学生名字</th>
            <th>课程名</th>
            <th>授课教师</th>
            <th>操作</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>
              <button id="query-delete-course-student" class="model-btn blue">删除</button>
            </td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<div class="model">
  <div class="model-title">新的讨论室</div>
  <div class="model-content">
    <input type="text" class="model-input" placeholder="请输入讨论室名称">
  </div>
  <div class="model-option">
    <button class="model-btn add">加入</button>
    <button class="model-btn create">创建</button>
  </div>
</div>

<div class="insert-model">
  <div class="model-title">新增用户</div>
  <div class="model-content">
    <input id="insert-name" type="text" name="name" placeholder="用户名长度最长6位" class="model-input" required/>
  </div>
  <div class="model-content">
    <input id="insert-code" type="text" name="email" placeholder="用户学号/教职工号" class="model-input" required/>
  </div>
  <div class="model-content">
    <input id="insert-role"  type="text" name="role" placeholder="角色 0管理员 1教师 2学生" class="model-input"
           required/>
  </div>
  <div class="model-option">
    <button class="model-btn blue insert-cancel">取消</button>
    <button class="model-btn green insert-sure">确认</button>
  </div>
</div>

<div class="revise-model">
  <div class="model-title">修改密码</div>
  <div class="model-content">
    <input id="revise-input" type="password" class="model-input" placeholder="请输入新密码，至少8位" required>
  </div>
  <div class="model-content">
    <input id="revise-input-again" type="password" class="model-input" placeholder="请确认新的密码" required>
  </div>
  <div class="model-option">
    <button class="model-btn blue revise-cancel">取消</button>
    <button class="model-btn green revise-sure">确认</button>
  </div>
</div>

<div class="insert-course-model">
  <div class="model-title">新增课程</div>
  <div class="model-content">
    <input id="insert-course-name" type="text" name="name" placeholder="请输入新课程名称" class="model-input" required/>
  </div>
  <div class="model-content">
    <input id="insert-course-teacher"  type="text" name="role" placeholder="请输入教师名字" class="model-input"
           required/>
  </div>
  <div class="model-content">
    <input id="insert-course-code" type="text" name="code" placeholder="请输入教师编号" class="model-input" required/>
  </div>
  <div class="model-option">
    <button class="model-btn blue insert-course-cancel">取消</button>
    <button class="model-btn green insert-course-sure">确认</button>
  </div>
</div>
<div class="insert-course-student-model">
  <div class="model-title">新增学课关系</div>
  <div class="model-content">
    <input id="insert-course-student-code" type="text" placeholder="请输入学生编号" class="model-input" required/>
  </div>
  <div class="model-content">
    <input id="insert-course-course-name"  type="text" placeholder="请输入课程名" class="model-input" required/>
  </div>
  <div class="model-content">
    <input id="insert-course-course-teacher"  type="text" placeholder="请输入授课教师" class="model-input" required/>
  </div>
  <div class="model-option">
    <button class="model-btn blue insert-course-student-cancel">取消</button>
    <button class="model-btn green insert-course-student-sure">确认</button>
  </div>
</div>

<img class="show-img" src="" alt="">
<script src="../static/js/jquery-3.6.0.min.js"></script>
<script src="../static/js/customizeAlert.js"></script>
<script src="../static/js/chatRoom.js"></script>
<script>
  $(function(){
    $(".text-1").hide();
  });
</script>
</body>
</html>